{extend name="base:base" /}
{block name="seo"}
<!--/meta 作为公共模版分离出去-->
<title>权限组列表 - {$app_name}</title>
{/block}
{block name="nav"}
<nav class="breadcrumb" style="background-color:#fff;padding: 0 24px">
    首页
    <span class="c-gray en">/</span>
    管理员
    <span class="c-gray en">/</span>
    管理员列表
</nav>
{/block}
{block name="main"}
<div class="panel mt-20">
    <div class="panel-body">
        <div class="clearfix">
							<span class="f-l">
							<a class="btn btn-primary radius"
                               onclick="article_add('添加管理员','/{$backendPrefix}/user/manager/create.html')"
                               href="javascript:;"><i class="Hui-iconfont">&#xe600;</i> 添加管理员</a>
							</span>
            <span class="f-r">本页显示：<strong>{$count}</strong> 条</span>
        </div>
        <div class="mt-20 clearfix">
            <table id="data-table-list"
                   class="table table-border table-bordered table-bg table-hover table-sort">
                <thead>
                <tr class="text-c">
                    <!--<th width="80">ID</th>-->
                    <th width="120">管理员名称</th>
                    <th width="40%">角色</th>
                    <th width="50">操作</th>
                    <th></th>
                </tr>
                </thead>
                <tbody class="getData-list" data-currPage='1'>
                {notempty name="data"}
                {volist name="data" id="vo"}
                <tr class="text-l">
                    <td >{$vo.name}</td>
                    <td>
                        {notempty name="vo.roles"}
                        {volist name="vo.roles" id="io"}
                        <span>{$io.name}&nbsp;&nbsp;</span>
                        {/volist}
                        {/notempty}
                    </td>
                    <td class="f-14 td-manage">
                        <a style="text-decoration:none" class="ml-5 btn btn-primary"
                           onClick="category('编辑管理员','/{$backendPrefix}/user/manager/edit/{$vo.id}.html')" href="javascript:void (0);"
                           title="编辑管理员"><i class="Hui-iconfont">&#xe6df;</i></a>
                    </td>
                    <th></th>
                </tr>
                {/volist}
                {else /}
                {/notempty}
                </tbody>
            </table>
        </div>
        <div id="laypage" class="text-l">{notempty name="data"}{$data|raw}{/notempty}</div>
    </div>
</div>
{/block}
{block name="script"}
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__LIB__/datatables/1.10.15/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="__LIB__/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="__ADMIN__/business/js/main.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#menu-level").add('#menu-manger').css("display", "block");
        $("#manger").addClass("current");
    })
</script>
{/block}